<template>
  <div class="zhuan-box">
    <title1 tit="我要转租"></title1>
    <van-cell title="当前住房" />

    <!-- <van-card
      class="tui-card"
      num="2"
      price="2.00"
      desc="商城"
      title="商品标题"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    /> -->
    <div class="div1">
      <img src="../../../../assets/image/banner2.png" alt="" />
      <ul class="ul1">
        <li>东城区一按外3号</li>
        <li>1室一厅</li>
        <li>地铁一号线</li>
        <li class="li3">整租</li>
      </ul>
      <div class="jiage">4800/月</div>
    </div>

    <div class="forcenter"><button class="btn">我要转租</button></div>
  </div>
</template>

<script>
import title1 from "../../../../components/tit.vue";
export default {
  components: {
    title1,
  },
  methods: {
    goback() {
      this.$router.replace({ name: "Mine" });
    },
  },
};
</script>

<style lang="less" scoped>
.zhuan-box {
  width: 100%;
  height: 100%;
  .tui-center {
    margin: 10px;
  }
  .forcenter {
    width: 100%;
    text-align: center;
  }
  .btn {
    background-color: #ff5654;
    border: 1px solid #ff5654;
    width: 500px;
    text-align: center;
    height: 60px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
  }
  .tui-card {
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  .div1 {
    border: 1px solid #ccc;
    background-color: #fff;
    height: 250px;
    margin: 20px;
    border-radius: 5px;
    img {
      float: left;
      width: 290px;
      height: 196px;
      margin: 20px;
    }
    .ul1 {
      float: left;
      margin: 20px;

      li {
        margin-top: 10px;
        font-size: 11px;
      }
      .li3 {
        width: 72px;
        height: 32px;
        border: 1px solid #618698;
        text-align: center;
        border-radius: 8px;
        font-size: 11px;
      }
    }
    .jiage {
      float: right;
      margin-top: 180px;
      color: #ff5555;
      font-size: 26px;
      margin-right: 20px;
    }
  }
}
</style>
